<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!-- form 表单标签
    可以用来提交上传数据  登陆 注册 调查问卷
    <input type=""> type属性的属性值不同，显示为不同的组件
        text 文本编辑框
        password 密码
        radio 单选框  设置name属性
        checkbox 复选框
        button  普通按钮
        submit 提交
        reset  重置
        file  选择文件
     get 和post的区别？form method：决定数据如何发送到服务器（get 可见、post 隐蔽，用途场景不同）。
     <select> 下拉框标签
        <option> 下拉框选项
     <textarea> 多行的文本编辑
 -->
  <form action="tabletest.html" method="get">
    用户名： <input type="text" name="user"><br>
    密码：   <input type="password" name="pwd"><br>
    性别：   <input type="radio" name="sex" value="man">男  <input type="radio" name="sex" value="women"> 女
    <input type="radio" name="sex" value="x"> 未知<br>
    爱好: 读书<input type="checkbox" name="hobby" > 游泳<input type="checkbox" name="hobby"> 打球<input type="checkbox" name="hobby"><br>
    年级：
    <select id="nianji" name="nianji">
      <option value="g1">一年级</option>
      <option value="g2">二年级</option>
      <option value="g3">三年级</option>
      <option value="g4">四年级</option>
    </select><br>
    自我介绍：
    <textarea cols="30" rows="3"></textarea><br>
    选择文件：<input type="file">
    <input type="button" value="我是普通按钮">
    <input type="submit" value="提交按钮">
    <input type="reset" value="重置按钮">
  </form>

</body>
</html>